<!DOCTYPE html> 
<html> 
<head> 
	<title>StubHub</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet"  href="css/jquery.mobile-1.2.0.css" />  
	<link rel="stylesheet" href="css/jqm-docs.css"/>
	<link rel="stylesheet" href="css/common.css"/>

	<script src="jsfiles/jquery.js"></script>
	<script src="jsfiles/jqm-docs.js"></script>
	<script src="jsfiles/jquery.mobile-1.2.0.js"></script>
	<script src="jsfiles/common.js"></script>
	
	<script>
		window.onload = function()
		 {
			getCity();
			if (navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/)) {
				$('.Wrapper').css("width","100%");
			}
		 };
	</script>
</head> 
<body> 
	<div id="mainWrapper">
		<div id="Wrapper" class="Wrapper" >
			
			<div style="" class="header1">
				<img style="float:left; margin-top:8px;margin-left:6px;" src="images/banner.png"/>
				<div style="padding-top:6px;" class="header1">
					<a style="float:right;" class="" href="search.html" data-theme="b" data-role="button" data-icon="search" data-transition="slideup"></a>
					<a style="" class="cityName" href="home.html" data-theme="b" data-role="button" data-mini="true" data-transition="slidedown"><span id="cityName"></span></a>
				</div>
		
				<div data-role="navbar" data-theme="e">
					<ul>
						<li style="height:60px;"><a href="" class="ui-btn-active ui-state-persist" onClick="displaySportsMumbai()"><img src="images/63-runner.png"/><br>Sports</a></li>
						<li style="height:60px;"><a onClick="displayConcertsMumbai()" href=""><img src="images/65-note.png"/><br>Concerts</a></li>
						<li style="height:60px;"><a onClick="displayTheatreMumbai()" href=""><img src="images/45-movie-1.png"/><br>Theatre</a></li>
						<li style="height:60px;"><a href=""><img src="images/28-star.png"/><br>Favorites</a></li>
						<li style="height:60px;"><a href="myAccount.html"><img src="images/112-group.png"/><br>My Account</a></li>
					</ul>
				</div><!-- /navbar -->

				<div id="SportsMumbai" style="" data-role="navbar" data-theme="e"data-mini="true">
					<ul>
						<li><a href="" class="ui-btn-active ui-state-persist" onClick="displayUpcomingMumbaiSports()">Upcoming</a></li>
						<li><a href="" onClick="displayBrowseMumbaiSports()">Browse</a></li>
					</ul>
				</div>
				<div id="ConcertsMumbai" style="display:none" data-role="navbar" data-theme="e"data-mini="true">
					<ul>
						<li><a href="" class="ui-btn-active ui-state-persist" onClick="displayUpcomingMumbaiConcerts()">Upcoming</a></li>
						<li><a href="" onClick="displayBrowseMumbaiConcerts()">Browse</a></li>
					</ul>
				</div>
				<div id="TheatreMumbai" style="display:none" data-role="navbar" data-theme="e"data-mini="true">
					<ul>
						<li><a href="" class="ui-btn-active ui-state-persist" onClick="displayUpcomingMumbaiTheatre()">Upcoming</a></li>
						<li><a href="" onClick="displayBrowseMumbaiTheatre()">Browse</a></li>
					</ul>
				</div>


				<!------------- Upcoming Mumbai Sports Starts----------->
				<div id="upcomingMumbaiSports" style="">						
					<ul data-role="listview" data-theme="d" data-divider-theme="d">
						<li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
						<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">10</p>
									<p style=" margin-left:15px;">$600</p>
								</div>
								<h3>India Vs Pakistan, Cricket Match</h3>
								<p><strong>ShubhratoRoy Stadium, Mumbai</strong></p>
								<p>6:24PM, December 25, 2012,</p>				
						</a></li>
						<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">6</p>
									<p style=" margin-left:15px;">$400</p>
								</div>
								<h3>India Vs Australia, Hockey Match</h3>
								<p><strong>Wankhede Stadium, Mumbai</strong></p>
								<p>6:24PM, December 25, 2012,</p>				
						</a></li>

						<li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
						<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">10</p>
									<p style=" margin-left:15px;">$200</p>
								</div>
								<h3>Mumbai Indians Vs Pune Warriers, Cricket Match</h3>
								<p><strong>Azad Maidan, South Mumbai</strong></p>
								<p>6:24PM, December 25, 2012,</p>				
						</a></li>

						<li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
						<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">4</p>
									<p style=" margin-left:15px;">$90</p>
								</div>
								<h3>Wrestling Competetion</h3>
								<p><strong>Shivaji Park, Mumbai</strong></p>
								<p>6:24PM, December 25, 2012,</p>				
						</a></li>

						<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">6</p>
									<p style=" margin-left:15px;">$150</p>
								</div>
								<h3>India Vs Zimbabwe, Hockey Match</h3>
								<p><strong>Brabourne Stadium, Mumbai</strong></p>
								<p>6:24PM, December 25, 2012,</p>				
						</a></li>

						<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html">
								<div style="float:right; width:75px;">
									<p class="price">10</p>
									<p style=" margin-left:15px;">$400</p>
								</div>
								<h3>India Vs Sri Lanka, Cricket Match</h3>
								<p><strong>Wankhede Stadium, Mumbai</strong></p>
								<p>6:24PM, December 25, 2012,</p>				
						</a></li>
					</ul>
				</div>
				<!------------- Upcoming Mumbai Sports Ends----------->

				<!------------- Browse Mumbai Sports Starts ---------->
				<div id="browseMumbaiSports" style="display:none;">
					<div data-role="fieldcontain" style="width:500px;margin-left:20px;">
						<a style="float:right;" href="" data-theme="b" data-role="button" data-mini="true" onClick="browseSportsLists()">Apply</a>

						<select name="select-choice-8" id="select-choice-game">						
								<option value="chooseSport">Choose a sport</option>
							<optgroup label="-Popular Sports-">
								<option value="cricket">Cricket</option>
								<option disabled="disabled" value="football">Football</option>
								<option value="hockey">Hockey</option>
							</optgroup>
							<optgroup label="-Other Sports-">
								<option disabled="disabled" value="rugby">Rugby</option>
								<option disabled="disabled" value="bodybuilding">Bodybuilding</option>
								<option value="wrestling">Wrestling</option>
							</optgroup>
						</select>

					</div>
					<!------------- Display lists for browse option ---------->
					<div id="mumbaibrowselistCricket" style="display:none;">
						<ul data-role="listview" data-theme="d" data-divider-theme="d">
							<li data-role="list-divider">Cricket Match<span class="ui-li-count">3</span></li>
							<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">10</p>
									<p style=" margin-left:15px;">$600</p>
								</div>
								<h3>India Vs Pakistan, Cricket Match</h3>
								<p><strong>ShubhratoRoy Stadium, Mumbai</strong></p>
								<p>6:24PM, Friday, October 8, 2010 </p>				
							</a></li>

							<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">10</p>
									<p style=" margin-left:15px;">$200</p>
								</div>
								<h3>Mumbai Indians Vs Pune Warriers, Cricket Match</h3>
								<p><strong>Azad Maidan, South Mumbai</strong></p>
								<p>Thursday, October 7, 2010 </p>				
							</a></li>

							<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">10</p>
									<p style=" margin-left:15px;">$400</p>
								</div>
								<h3>India Vs Sri Lanka, Cricket Match</h3>
								<p><strong>Wankhede Stadium, Mumbai</strong></p>
								<p>Wednesday, October 6, 2010 </p>				
							</a></li>
						</ul>
					</div>

					<div id="mumbaibrowselistHockey" style="display:none;">
						<ul data-role="listview" data-theme="d" data-divider-theme="d">
							<li data-role="list-divider">Hockey Match<span class="ui-li-count">2</span></li>
							<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">6</p>
									<p style=" margin-left:15px;">$400</p>
								</div>
								<h3>India Vs Australia, Hockey Match</h3>
								<p><strong>Wankhede Stadium, Mumbai</strong></p>
								<p>Friday, October 8, 2010</p>				
							</a></li>

							<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">6</p>
									<p style=" margin-left:15px;">$150</p>
								</div>
								<h3>India Vs Zimbabwe, Hockey Match</h3>
								<p><strong>Brabourne Stadium, Mumbai</strong></p>
								<p>Thursday, October 7, 2010 </p>				
							</a></li>
						</ul>
					</div>

					<div id="mumbaibrowselistWrestling" style="display:none;">
						<ul data-role="listview" data-theme="d" data-divider-theme="d">
							<li data-role="list-divider">Hockey Match<span class="ui-li-count">1</span></li>
							<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">4</p>
									<p style=" margin-left:15px;">$90</p>
								</div>
								<h3>Wrestling Competetion</h3>
								<p><strong>Shivaji Park, Mumbai</strong></p>
								<p>Wednesday, October 6, 2010 </p>				
							</a></li>
						</ul>
					</div>

				</div>				
				<!------------- Browse Mumbai Sports Ends ---------->





				<!------------- Upcoming Mumbai Conerts Starts----------->
				<div id="upcomingMumbaiConcerts" style="display:none;">						
					<ul data-role="listview" data-theme="d" data-divider-theme="d">
						<li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
						<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">20</p>
									<p style=" margin-left:15px;">$1000</p>
								</div>
								<h3>Ajay Atul Music Concert</h3>
								<p><strong>Shivaji Park, Mumbai</strong></p>
								<p>Wednesday, October 6, 2010 </p>				
							</a></li>

						<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">15</p>
									<p style=" margin-left:15px;">$2000</p>
								</div>
								<h3>Justin Bieber Concert</h3>
								<p><strong>Wankhede Stadium, Mumbai</strong></p>
								<p>Wednesday, October 6, 2010 </p>				
							</a></li>

						<li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
						<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">10</p>
									<p style=" margin-left:15px;">$2000</p>
								</div>
								<h3>Enrique Iglesias</h3>
								<p><strong>Azad Maidan, South Mumbai</strong></p>
								<p>Wednesday, October 6, 2010 </p>				
							</a></li>
					</ul>
				</div>
				<!------------- Upcoming Mumbai Concerts Ends----------->

				<!------------- Browse Mumbai Sports Starts ---------->
				<div id="browseMumbaiConcerts" style="display:none;">
					<div data-role="fieldcontain" style="width:500px;margin-left:20px;">
						<a style="float:right;" href="" data-theme="b" data-role="button" data-mini="true" onClick="browseConcertsLists()">Apply</a>

						<select name="select-choice-8" id="select-choice-concert">						
								<option value="chooseSport">Choose a concert</option>
								<option value="singing">Singing</option>
								<option value="dancing">Dancing</option>
								<option disabled="rock" value="hockey">Rock, pop & hip-hop</option>
							</optgroup>
						</select>

					</div>
					<!------------- Display lists for browse option ---------->
					<div id="mumbaibrowselistsinging" style="display:none;">
						<ul data-role="listview" data-theme="d" data-divider-theme="d">
							<li data-role="list-divider">Singing Concert<span class="ui-li-count">2</span></li>
							<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">20</p>
									<p style=" margin-left:15px;">$1000</p>
								</div>
								<h3>Ajay Atul Music Concert</h3>
								<p><strong>Shivaji Park, Mumbai</strong></p>
								<p>Friday, October 8, 2010</p>				
							</a></li>

							<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">15</p>
									<p style=" margin-left:15px;">$2000</p>
								</div>
								<h3>Justin Bieber Concert</h3>
								<p><strong>Wankhede Stadium, Mumbai</strong></p>
								<p>Thursday, October 7, 2010</p>				
							</a></li>
						</ul>
					</div>
					<div id="mumbaibrowselistdancing" style="display:none;">
						<ul data-role="listview" data-theme="d" data-divider-theme="d">
							<li data-role="list-divider">Dancing Concert<span class="ui-li-count">1</span></li>
							<li><a href="" onClick="assignData((this).children[0].children[0].innerHTML,(this).children[0].children[1].innerHTML,(this).children[1].innerHTML,(this).children[2].innerHTML, (this).children[3].innerHTML), window.location = 'bookTicket.html'">
								<div style="float:right; width:75px;">
									<p class="price">15</p>
									<p style=" margin-left:15px;">$2000</p>
								</div>
								<h3>Enrique Iglesias</h3>
								<p><strong>Azad Maidan, South Mumbai</strong></p>
								<p>Friday, October 8, 2010</p>				
							</a></li>
						</ul>
					</div>
				</div>				
				<!------------- Browse Mumbai Concerts Ends ---------->



				<!------------- Upcoming Mumbai Theatre Starts----------->
				<div id="upcomingMumbaiTheatre" style="display:none;">	
					<p style="margin-top:30px; margin-left:30px;">We don't have any theater events in the next 14 days in Mumbai.</p>
				</div>
				<!------------- Upcoming Mumbai Concerts Ends----------->

				<!------------- Browse Mumbai Sports Starts ---------->
				<div id="browseMumbaiTheatre" style="display:none;">
					<p style="margin-top:30px; margin-left:30px;">We don't have any theater events in the next 14 days in Mumbai. <br>Please check after few days.</p>
				</div>				
				<!------------- Browse Mumbai Theatre Ends ---------->




			</div>

		</div>				
	</div>
</body>
</html>